<template>
  <div>
    <b-button @click="doClick">dialog</b-button>
    <b-dialog
      width="800px"
      @close="doClose"
      drag
      :visible.sync="dialogs.base.show"
      :title="dialogs.base.title"
    >顶顶顶顶</b-dialog>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dialogs: {
        base: {
          show: false,
          title: "你好"
        }
      }
    };
  },
  methods: {
    doClick() {
      this.dialogs.base.show = true;
    },
    doClose() {
      console.log("关闭");
    }
  }
};
</script>

<style>
</style>
